﻿<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">

  <title>Cocos Creator | <%= projectName %>
  </title>

  <!--http://www.html5rocks.com/en/mobile/mobifying/-->
  <meta name="viewport"
    content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1,minimal-ui=true" />

  <!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="format-detection" content="telephone=no">

  <!-- force webkit on 360 -->
  <meta name="renderer" content="webkit" />
  <meta name="force-rendering" content="webkit" />
  <!-- force edge on IE -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="msapplication-tap-highlight" content="no">

  <!-- force full screen on some browser -->
  <meta name="full-screen" content="yes" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="360-fullscreen" content="true" />

  <!-- force screen orientation on some browser -->
  <meta name="screen-orientation" content="<%= orientation %>" />
  <meta name="x5-orientation" content="<%= orientation %>">

  <!--fix fireball/issues/3568 -->
  <!--<meta name="browsermode" content="application">-->
  <meta name="x5-page-mode" content="app">

  <!--<link rel="apple-touch-icon" href=".png" />-->
  <!--<link rel="apple-touch-icon-precomposed" href=".png" />-->

  <link rel="stylesheet" type="text/css" href="<%= cssUrl %>" />
  <!-- <script type="text/javascript" src="jszip.js"></script>
  <script src="jszip-utils.js"></script> -->

</head>

<body>
  <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
  <%- include(cocosTemplate, {}) %>

    <script>

      // var JSZip = new JSZip();

      // console.log(JSZip);

      // function jsgetBinaryContent(path) {

      //   JSZipUtils.getBinaryContent(path, function (err, b_data) {
      //     if (err) {
      //       throw err; // or handle err
      //     }
          
      //     JSZip.loadAsync(b_data).then((zip) => {

      //           zip.file("ditu.jpg").async("base64").then((data) => {
      //               console.log(data);
      //           })
      //       })

      //   });
      // }



        // zip.loadAsync(content).then(function (zip) {

        //   zip.file("hello.txt").async("string").then((data) => {
        //     // console.log(JSON.parse(data));
        //     console.log(data);
        //   })
        //   zip.file("ditu.jpg").async("base64").then((res) => {
        //     // console.log(JSON.parse(data));
        //     console.log(res);
        //     $("#jszip_utils").append("<image src='data:image/png;base64," + res + "'></image>");
        //   })

        // });

    </script>


</body>

</html>